<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>声明式标签</title>
	<script type="text/javascript">
		var Global = {
			contextPath:'/bingo.ui.framework'
		} 
	</script>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
	
	<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.position.js" type="text/javascript" ></script>
	
	<script src="../../../../scripts/jquery_plugins/jquery.cookie.js" type="text/javascript" ></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
	
	<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
		
	<script src="../jquery.ui.autocomplete.js" type="text/javascript"></script>
	<link  href="../autocomplete.css" type="text/css" rel="stylesheet" />
	
	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
	<script type="text/javascript" src="../../../../scripts/jquery_plugins/jquery.json.js" ></script>

	<style>
		input{
			width:200px;
		}
	</style>
</head>

<body>
	<br/><br/>
	数据源：URL<br/>
	<input type='text' class="widget-class" widget="autoComplete" options="{'source':'remote', 'minLength':1,'url': '../demo-data.json','params':{'sqlId':'userinfo.userName'}}" id='remote' value=''>
	<br><br>
	<div class='ui-state-highlight'>
		测试数据：<br>
		[{"name":"hunan","text":"湖南"},{"name":"hubei","text":"湖北"}]
	</div><br/><br/><br/>
	数据源：cookie<br/>
	<input type='text' class="widget-class" widget="autoComplete" options="{'minLength':1}">
</body>
</html>